<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Answers</title>

<link href="css/style.css" type="text/css" rel="stylesheet" media="all" />

<script type="text/javascript">

/***********************************************
* Tab Content script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

//Set tab to intially be selected when page loads:
//[which tab (1=first tab), ID of tab content to display]:
var initialtab=[1, "sc1"]

////////Stop editting////////////////

function cascadedstyle(el, cssproperty, csspropertyNS){
if (el.currentStyle)
return el.currentStyle[cssproperty]
else if (window.getComputedStyle){
var elstyle=window.getComputedStyle(el, "")
return elstyle.getPropertyValue(csspropertyNS)
}
}

var previoustab=""

function expandcontent(cid, aobject){
if (document.getElementById){
highlighttab(aobject)
detectSourceindex(aobject)
if (previoustab!="")
document.getElementById(previoustab).style.display="none"
document.getElementById(cid).style.display="block"
previoustab=cid
if (aobject.blur)
aobject.blur()
return false
}
else
return true
}

function highlighttab(aobject){
if (typeof tabobjlinks=="undefined")
collecttablinks()
for (i=0; i<tabobjlinks.length; i++)
tabobjlinks[i].style.backgroundColor=initTabcolor
var themecolor=aobject.getAttribute("theme")? aobject.getAttribute("theme") : initTabpostcolor
aobject.style.backgroundColor=document.getElementById("tabcontentcontainer").style.backgroundColor=themecolor
}

function collecttablinks(){
var tabobj=document.getElementById("tablist")
tabobjlinks=tabobj.getElementsByTagName("A")
}

function detectSourceindex(aobject){
for (i=0; i<tabobjlinks.length; i++){
if (aobject==tabobjlinks[i]){
tabsourceindex=i //source index of tab bar relative to other tabs
break
}
}
}

function do_onload(){
var cookiename=(typeof persisttype!="undefined" && persisttype=="sitewide")? "tabcontent" : window.location.pathname
var cookiecheck=window.get_cookie && get_cookie(cookiename).indexOf("|")!=-1
collecttablinks()
initTabcolor=cascadedstyle(tabobjlinks[1], "backgroundColor", "background-color")
initTabpostcolor=cascadedstyle(tabobjlinks[0], "backgroundColor", "background-color")
if (typeof enablepersistence!="undefined" && enablepersistence && cookiecheck){
var cookieparse=get_cookie(cookiename).split("|")
var whichtab=cookieparse[0]
var tabcontentid=cookieparse[1]
expandcontent(tabcontentid, tabobjlinks[whichtab])
}
else
expandcontent(initialtab[1], tabobjlinks[initialtab[0]-1])
}

if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload


</script>

</head>

<body>

<div id="header-wrapper">
	<div id="header">
    	<div class="header-logo">
        	<h1>Question Mark</h1>
        </div>
        <div class="header-title">
        	<h3>An question/answers system powered<br /> 100% by WordPress.</h3>
        </div>
        
        <div class="userpanel">
        	<div class="user-img">
        		<img src="images/user-img.jpg" />
            </div>
            <div class="user-title">
        		<h5>Lieutenant Columbo</h5>
                <br /><br />
            	<a href="#">Profile</a> <font style="float:right; color:#5f83a1;">|</font> <a href="#">Log Out</a>
            </div>
        </div>
        
        <div style="clear:both;"></div>
    </div>
    <div class="menu-wrapper">
    	<div class="menu">
        	<p class="topics-title">TRENDING TOPICS:</p>
        	<div class="topics">
            	<ul>
                	<li><a href="#">Football</a></li>
                    <li><a href="#">Music</a></li>
                    <li><a href="#">Food</a></li>
                    <li><a href="#">Internet</a></li>
                </ul>
            </div>
            <div class="all">
            	<ul>
                	<li><a href="#">See all &raquo;</a></li>
                </ul>
            </div>
            <div class="menu-right">
            	<ul>
                	<li><a href="#">About Us</a></li>
                    <li><a href="#">Contact</a></li>
                    <li><a href="#">Friends</a></li>
                    <li><a href="#">Other Pages</a></li>
                </ul>
            </div>
    	</div>
    </div>
</div>

<div id="content">
	<div class="left">
		<div class="search">
        	<form name="Search" method=GET action="#">
            	<div class="search-box">
					<input text="text" size="70" maxlength="100" name="search" value="Search for an existing question..." onclick="if (this.value=='Search for an existing question...') this.value=''" > 
                </div>
                <div class="search-submit">
					<input type="image" src="images/search-btn.jpg" type="submit">
                </div>
			</form>
        </div>
        <div class="tabs">
      
            
            <ul id="tablist">
				<li class="tab" ><a href="#" class="current" onClick="return expandcontent('sc1', this)">Latest Questions</a></li>
				<li class="tab" ><a href="#" onClick="return expandcontent('sc2', this)" >Popular Questions</a></li>
				<li class="tab" ><a href="#" onClick="return expandcontent('sc3', this)" >Unanswered</a></li>
			</ul>
       
        </div>
        
	<DIV id="tabcontentcontainer">
    
     
    	<div id="sc1" class="tabcontainer">           
        	<div class="question">
        		<div class="question-title">
            		<div class="question-user-img">
                		<img src="images/question-img.jpg" />
                	</div>
                	<div class="question-by">
                		<p>SOREL MIHAI</p>
                    	<p class="question-h1">Does anybody else in here remember Vera Lynn?</p>
                	</div>
                			<div style="clear:both;"></div>
            	</div>
            <div class="question-bottom">
            	<div class="answer">
                	<a href="inner.html">Answer this question</a>
                </div>
                <div class="answers">
                	<p><font class="answer-nr">24</font><a href="inner.html">Answers</a></p>
                </div>
                <div class="answer-date">
                	<p>June 5th, 2010</p>
                </div>
                <div class="tags">
                	<p>&laquo;&raquo;</p>
                    <ul>
                    	<li><a href="#">pets,</a></li>
                        <li><a href="#">house,</a></li>
                        <li><a href="#">advices</a></li>
                    </ul>
                </div>
			</div>
         </div>
         </div>
        </div>
        
        <div id="sc2" class="tabcontainer" style="display:none;">           
        	<div class="question">
        		<div class="question-title">
            		<div class="question-user-img">
                		<img src="images/question-img.jpg" />
                	</div>
                	<div class="question-by">
                		<p>SOREL MIHAI</p>
                    	<p class="question-h1">Does anybody else in here remember Vera Lynn?</p>
                	</div>
                			<div style="clear:both;"></div>
            	</div>
            <div class="question-bottom">
            	<div class="answer">
                	<a href="inner.html">Answer this question</a>
                </div>
                <div class="answers">
                	<p><font class="answer-nr">24</font><a href="inner.html">Answers</a></p>
                </div>
                <div class="answer-date">
                	<p>June 5th, 2010</p>
                </div>
                <div class="tags">
                	<p>&laquo;&raquo;</p>
                    <ul>
                    	<li><a href="#">pets,</a></li>
                        <li><a href="#">house,</a></li>
                        <li><a href="#">advices</a></li>
                    </ul>
                </div>
			</div>
         	</div>
            
            <div class="question">
        		<div class="question-title">
            		<div class="question-user-img">
                		<img src="images/question-img.jpg" />
                	</div>
                	<div class="question-by">
                		<p>SOREL MIHAI</p>
                    	<p class="question-h1">Does anybody else in here remember Vera Lynn?</p>
                	</div>
                			<div style="clear:both;"></div>
            	</div>
            <div class="question-bottom">
            	<div class="answer">
                	<a href="#">Answer this question</a>
                </div>
                <div class="answers">
                	<p><font class="answer-nr">24</font><a href="inner.html">Answers</a></p>
                </div>
                <div class="answer-date">
                	<p>June 5th, 2010</p>
                </div>
                <div class="tags">
                	<p>&laquo;&raquo;</p>
                    <ul>
                    	<li><a href="#">pets,</a></li>
                        <li><a href="#">house,</a></li>
                        <li><a href="#">advices</a></li>
                    </ul>
                </div>
			</div>
         	</div>
            
            <div class="question">
        		<div class="question-title">
            		<div class="question-user-img">
                		<img src="images/question-img.jpg" />
                	</div>
                	<div class="question-by">
                		<p>SOREL MIHAI</p>
                    	<p class="question-h1">Does anybody else in here remember Vera Lynn?</p>
                	</div>
                			<div style="clear:both;"></div>
            	</div>
            <div class="question-bottom">
            	<div class="answer">
                	<a href="submit.html">Answer this question</a>
                </div>
                <div class="answers">
                	<p><font class="answer-nr">24</font><a href="inner.html">Answers</a></p>
                </div>
                <div class="answer-date">
                	<p>June 5th, 2010</p>
                </div>
                <div class="tags">
                	<p>&laquo;&raquo;</p>
                    <ul>
                    	<li><a href="#">pets,</a></li>
                        <li><a href="#">house,</a></li>
                        <li><a href="#">advices</a></li>
                    </ul>
                </div>
			</div>
         	</div>
            
         </div>  
         
          <div id="sc3" class="tabcontainer" style="display:none;">           
        	<div class="question">
        		<div class="question-title">
            		<div class="question-user-img">
                		<img src="images/question-img.jpg" />
                	</div>
                	<div class="question-by">
                		<p>SOREL MIHAI</p>
                    	<p class="question-h1">Does anybody else in here remember Vera Lynn?</p>
                	</div>
                			<div style="clear:both;"></div>
            	</div>
            <div class="question-bottom">
            	<div class="answer">
                	<a href="#">Answer this question</a>
                </div>
                <div class="answers">
                	<p><font class="answer-nr">24</font><a href="inner.html">Answers</a></p>
                </div>
                <div class="answer-date">
                	<p>June 5th, 2010</p>
                </div>
                <div class="tags">
                	<p>&laquo;&raquo;</p>
                    <ul>
                    	<li><a href="#">pets,</a></li>
                        <li><a href="#">house,</a></li>
                        <li><a href="#">advices</a></li>
                    </ul>
                </div>
			</div>
         	</div>
            
            <div class="question">
        		<div class="question-title">
            		<div class="question-user-img">
                		<img src="images/question-img.jpg" />
                	</div>
                	<div class="question-by">
                		<p>SOREL MIHAI</p>
                    	<p class="question-h1">Does anybody else in here remember Vera Lynn?</p>
                	</div>
                			<div style="clear:both;"></div>
            	</div>
            <div class="question-bottom">
            	<div class="answer">
                	<a href="#">Answer this question</a>
                </div>
                <div class="answers">
                	<p><font class="answer-nr">24</font><a href="inner.html">Answers</a></p>
                </div>
                <div class="answer-date">
                	<p>June 5th, 2010</p>
                </div>
                <div class="tags">
                	<p>&laquo;&raquo;</p>
                    <ul>
                    	<li><a href="#">pets,</a></li>
                        <li><a href="#">house,</a></li>
                        <li><a href="#">advices</a></li>
                    </ul>
                </div>
			</div>
         	</div>
           
            
            </div>
	</DIV>    
     
        
        	
        
      
    <div class="right">
    	<div class="ask">
        	<p>Do you have any <br /><font class="tech">technology questions</font> ?</p>
            <a href="submit.html">Ask a question</a>
        </div>
        
        <div class="login">
        	<p><font class="login-title">Login</font></p>
        	<form method="POST" action="#">
            <p>Username:</p>
  			<input class="input" type="text" name="username" size="15" /><br />
            <p>Password:</p>
   			<input class="input" type="password" name="passwort" size="15" /><br />
  			<div align="center">
    		<a href="#">Forgot your password ?</a><input type="image" src="images/login-btn.jpg" value="Login" />
  			</div>
			</form>
        </div>
        
        <div class="ads">
        	<div class="ad-left">
            	<img src="images/ad.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad1.jpg" />
            </div>
            <div class="ad-left">
            	<img src="images/ad2.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad3.jpg" />
            </div>
            <div class="ad-left">
            	<img src="images/ad4.jpg" />
            </div>
            <div class="ad-right">
            	<img src="images/ad5.jpg" />
            </div>
            <div style="clear:both;"></div>
        </div>
    </div>
    <div style="clear:both;"></div>
</div>

<div id="footer">
	<img id="left" src="images/footer-left.jpg" />
    <h6>Copyright &copy; 2010. All rights reserved.</h6>
    	<div class="privacy">
        	<a font style="text-decoration:underline" href="#">Privacy Policy</a> | <a font style="text-decoration:underline" href="#">Terms of Use</a>
        </div>
    <img id="right" src="images/footer-right.jpg" />
</div>

</body>
</html>
